import React from 'react'
import '../../styles/myJump/myfoot.css'
import { Tabs, WhiteSpace, Badge } from 'antd-mobile';
import '../../styles/provideo/index.css'
import Recommend from './recommend';
import Streaming from './streaming';

const tabs = [
    { title: <Badge>推荐</Badge> },
    { title: <Badge>LOOK直播</Badge> },
    { title: <Badge>广场</Badge> },
];


class Provideo extends React.Component {
    constructor() {
        super()
        this.state = {
            profile: ''
        }
    }

    render() {
        return (
            <div className='pro-vid-wrap'>
                <Tabs tabs={tabs} initialPage={0} >
                    <div className='tab-vid' style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>
                        <Recommend />
                    </div>
                    <div className='tab-vid' style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>
                        <Streaming />
                    </div>
                    <div className='tab-vid' style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: '#fff' }}>
                    </div>

                </Tabs>
                <WhiteSpace />
            </div>
        )
    }
}

export default Provideo